<template>
	<view class="box">
		<van-tabs sticky
		 color="#005d3b"
		 title-active-color	="#005d3b">
		  <van-tab title="当前订单">
			  <view class="order_one">
			  	<view class="emptybox">
			  		<view class="imgbox">
			  			<image src="../../static/images/orderform/empty.png" mode=""></image>
			  		</view>
					<view class="text">
						<text>您暂时还没有订单呦~</text>
					</view>
					<view class="butbox">
						<button>去点单</button>
					</view>
			  	</view>
			  </view>
		  </van-tab>
		  <van-tab title="历史订单">内容 2</van-tab>
		</van-tabs>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>


<style scoped>
	.box{
		width: 100%;
		height: 100%;
		background-color: #fdfdfd;
		
	}
	.order_one{
		width: 100%;
		height: 100%;
		
	}
	.emptybox{
		width: 100%;
		height: 900rpx;
		
	}
	.emptybox .imgbox{
		width: 100%;
		height: 60%;
		position: relative;
	}
	.emptybox .imgbox image{
		width: 300rpx;
		height: 300rpx;
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.emptybox .text{
		width: 100%;
	}
	.emptybox .text text{
		display: block;
		text-align: center;
		color: #909090;
		font-size: 1rem;
		
	}
	.emptybox button{
		width: 200rpx;
		line-height: 75rpx;
		background-color: #007a51;
		color: #feffff;
		margin-top: 50rpx;
		border-radius: 50rpx;
		font-size: 0.9rem;
	}
</style>